﻿@model IEnumerable<DAL.Product>
 @using DAL
@{
    Layout = null;
}


<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>index</title>
    <link rel="stylesheet" type="text/css" href="/css/index.css">
    <link rel="stylesheet" type="text/css" href="/css/lunbo.css">
    <link href="~/css/dianpu.css" rel="stylesheet" />
    <script src="/js/jquery-1.8.3.min.js"></script>

    <script src="/js/public.js"></script>
    <style>
        #huanying {
            color: red;
        }
    </style>
</head>
<body>
  
    <!--顶部菜单-->
    <div class="dy1">
        <div class="dy2">
            <ul class="dy3">
                <li><a href="#">乐乐官网<br />乐乐官网</a></li>
                <li><a href="#" id="diyunapp">商城APP<br />商城APP</a></li>
            </ul>
            <a href="#" class="dy5">购物车</a>
            <a href="~/GeRen/Index" class="dy5">个人中心</a>
            <ul class="dy4">
                @if (Session["login"] == null)
                {
                    <li>
                        <a href="~/Home/Login">
                            登录<br />
                            登录
                        </a>
                    </li>
                    <li><a href="~/Home/Register">注册<br />注册</a></li>
                }
                else
                {
                    <li>


                        @{string uname = ((Customer)Session["login"]).CustomerName; }

                        <a href="javascript:void(0)">欢迎你：@uname<br />欢迎你：@uname</a>


                    </li>
                    <li><a href="~/Home/SignOut">安全退出<br />安全退出</a></li>
                }



            </ul>
            <div class="dy6">
                <ul>
                    <li>
                        <b><img src="/img/wxrzhuji.jpg" /></b>
                        <a href="#" class="dy7">外星人主机</a>
                        <a href="#" class="dy8">删除</a>
                    </li>
                    <li>
                        <b><img src="/img/gaoqingxianshiqi.jpg" /></b>
                        <a href="#" class="dy7">4k高清显示器</a>
                        <a href="#" class="dy8">删除</a>
                    </li>
                </ul>
            </div>
            <div class="dy9">
                <img src="/img/phone.png" />
            </div>
        </div>
    </div>
    <!--logo加时间加搜索框-->
    <div class="dy10">
        <div class="dy11">
            <img src="/img/logo.png" />
        </div>
        <div class="dy13">
            <embed src="/img/honehone_clock_wh.swf" style=" height:45px; width:120px">
        </div>
        <div class="dy12">
            <input type="text" value="搜索商品/店铺" onFocus="if(value=='搜索商品/店铺') {value=''}" onBlur="if (value=='') {value='搜索商品/店铺'}" style="width:500px; height:36px; text-indent:12px; font-size:12px; color:#666; float:left">
            <input type="search" value="搜索" style=" cursor:pointer; width:70px; height:36px; float:right; text-align:center; background:#333;" class="shousuo">
        </div>
    </div>
    <!--全部商品分类-->
    <div class="qbspfl">
        
        <div class="morelist">
            @foreach (var item in this.Model)
            {
                <a href="">@item.ShopName</a>

            }
            @*<a href="#">标题一</a>
            <a href="#">标题一</a>
            <a href="#">标题一</a>
            <a href="#">标题一</a>
            <a href="#">标题一</a>*@
        </div>
    </div>

    <!--banner轮播引入lunbo.css和daohang.js-->

    <div id="big_banner_wrap" style="display:block">
       
        <div id="big_banner_pic_wrap">
            @*<ul id="big_banner_pic">
            <li><img src="/http://qildjikxg.hn-bkt.clouddn.com/banna-1.jpg"></li>
            <li><img src="/img/T1jrxjB_VT1RXrhCrK.jpg"></li>
            <li><img src="/img/T1oTJjBKKT1RXrhCrK.jpg"></li>
            <li><img src="/img/T1RICjB7DT1RXrhCrK.jpg"></li>
            <li><img src="/img/T1vWdTBKDv1RXrhCrK.jpg"></li>
        </ul>*@
            <ul id="big_banner_pic">
                @foreach (var item in @ViewBag.image)
                {

                    <li><img src="@item" style="width:1226px "></li>

                }
            </ul>
            </div>
        <div id="big_banner_change_wrap">
            <div id="big_banner_change_prev"> &lt;</div>
            <div id="big_banner_change_next">&gt;</div>
        </div>
    </div>
    <script src="/js/daohang.js"></script>
    <!--乐乐周边啊-->
    <!--一个推荐商品的轮播-->
    <div class="kongzhianniu">
        <div class="lunbobanner">
            <ul class="lunboimg">
                <li>
                    @foreach (var item in this.Model)
                    {
                        <a href="/shopDetail/index?id=@item.Id" id="@item.Id">
                            <b><img src="@item.ProductImgDetailUrl" /></b>
                            <h5>@item.ShopName</h5>
                            <p>@item.ProductJianJie</p>                           
                        </a>
                    }
                    @*<a href="#">
                        <b><img src="/img/diannaozhuji.png" /></b>
                        <h5>磐石DIY游戏主机</h5>
                        <p>坚如磐石，带给你极致游戏体验</p>
                        <span>5000元5</span>
                    </a>*@

                </li>
                
            </ul>
        </div>
        <div class="btnl"><</div>
        <div class="btnr">></div>
        <h4 class="guanfangremai">官方热卖</h4>
    </div>
    <!--其它商品-->
    <div class="dy17">
        <!--服装鞋包-->
        <!--个护美妆-->
        <!--手机通讯-->
        <div class="dy18" id="sjtxa">
            <div class="dy20">
                <h3>手机通讯</h3>
                @*<div class="xxddh">

                    <a href="#" class="cate a-3-list07" mt-floor="3" mt-ct="list07">手机配件</a>
                    <a href="#" class="cate a-3-list06" mt-floor="3" mt-ct="list06">手机卡</a>
                    <a href="#" class="cate a-3-list05" mt-floor="3" mt-ct="list05">合约机</a>
                    <a href="#" class="cate a-3-list04" mt-floor="3" mt-ct="list04">口碑推荐</a>
                    <a href="#" class="cate a-3-list03" mt-floor="3" mt-ct="list03">高性价比</a>
                    <a href="#" class="cate a-3-list02" mt-floor="3" mt-ct="list02">心机尝鲜</a>
                    <a href="#" class="cate a-3-list01" mt-floor="3" mt-ct="list01">品质优选</a>
                    <a href="#" class="cate a-3-dy23" mt-floor="3" mt-ct="dy23">热门</a>
                </div>*@
            </div>
            <div class="dy21">
                <div class="dy22">
                    <div class="dy24"><a href="#"><img src="/img/576cab8fN177984a7.jpg" /></a></div>
                    <div class="dy25">

                    </div>
                </div>
                <div class="bigrongqi">
                    <div class="pinpai b-3-dy23">
                        <ul>
                            @foreach (var item in this.Model)
                            {
                                <li>
                                    <a href="~/ShopDetail/Index?id=@item.Id">
                                        <b>
                                            <img src="@item.ProductImgDetailUrl" />
                                        </b>
                                        <h2>@item.ShopName</h2>
                                        <p>@item.ProductJianJie</p>
                                       
                                    </a>

                                </li>
                            }

                        </ul>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <script type="text/javascript">
        $(function () {
            $(window).scroll(function () {
                var top = $(window).scrollTop() - $(this).scrollTop() + 200

                $(".dy19").css({ top: top });
            });
        });
    </script>
    <!--页脚-->
    <!--footer-->
    <div class="footer">
        <div class="box" style=" width:1226px; margin:0 auto">
            <ul class="lian">
                <li>
                    <p><img src="/img/fot.png">新手指南</p>
                    <a href="#">账户注册</a>
                    <a href="#">购物流程</a>
                    <a href="#">网站地图</a>
                </li>
                <li>
                    <p><img src="/img/fot1.png">支付方式</p>
                    <a href="#">货到付款</a>
                    <a href="#">在线支付</a>
                    <a href="#">礼品卡及账户余额</a>
                    <a href="#">其他支付方式</a>
                </li>
                <li>
                    <p><img src="/img/fot2.png">配送说明</p>
                    <a href="#">配送运费</a>
                    <a href="#">配送时间</a>
                </li>
                <li>
                    <p><img src="/img/fot3.png">售后服务</p>
                    <a href="#">退换货政策</a>
                    <a href="#">退换货办理流程</a>
                    <a href="#">退换货网上办理</a>
                    <a href="#">退款说明</a>
                </li>
                <li>
                    <p><img src="/img/fot4.png">关于我们</p>
                    <a href="#">公司简介</a>
                    <a href="#">合作专区</a>
                    <a href="#">联系我们</a>
                    <a href="#">友情链接</a>
                </li>
                <li>
                    <p><img src="/img/fot5.png">帮助中心</p>
                    <a href="#">找回密码</a>
                    <a href="#">邮件订阅</a>
                    <a href="#">产品册订阅</a>
                    <a href="#">隐私声明</a>
                </li>
            </ul>
            <ul class="adv">
                <li><img src="/img/adv.png">正品保障</li>
                <li><img src="/img/adv1.png">免运费</li>
                <li><img src="/img/adv2.png">送货上门</li>
                <li style="border-right:none;"><img src="/img/adv3.png">实物拍摄</li>
            </ul>
            <p class="ad">地址山东省济南市历下区历山北路 &nbsp;&nbsp;&nbsp;邮箱：xgm@8and9.com.cn &nbsp;&nbsp;&nbsp;邮编:210008 &nbsp;&nbsp;&nbsp;电话:025-83218155</p>
            <p class="ad">Copyright © 2010 - 2013, 版权所有 SHUIGUO.COM &nbsp;&nbsp;&nbsp;苏ICP备10088888号-1</p>
        </div>
    </div>

</body>
</html>



















